---
import { getCollection } from "astro:content";
import { Picture } from "@astrojs/image/components";
import Layout from "@layouts/Layout.astro";
import Container from "@components/container.astro";
import MenuBox from "@components/menuBox.astro";
import PlanList from '@components/planList.astro';
import ProductDetailBanner from "@components/productDetailBanner.astro";
import Breadcrumb from '@components/breadcrumb.vue';
import ProductType from '@components/productType.vue';
import SearchBox from '@components/searchBox.vue';
import ProductWord from '@components/productWord.astro';


// Filter team entries with 'draft: false' & date before current date
const publishedTeamMembers = await getCollection("team", ({ data }) => {
  return !data.draft && data.publishDate < new Date();
});
---

<Layout title="About">
  <Container>
    <Breadcrumb client:only/>
  <ProductDetailBanner/>
  <MenuBox  title="快速检索" secondTitle="Quick search" class="disabled">
    <SearchBox />
    </MenuBox>
    <div class="flex justify-around mb-[50px]">
  <ProductWord />
  <ProductWord />
    </div>

    <!-- <PlanList /> -->
  </Container>

</Layout>
